@media screen and (min-width: 768px) {
  .wrap {
    display: none !important;
  }
  .fnav {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
  .container,
  .page-w {
    width: 100%;
    min-width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
  }
  #Camera {
    display: none;
  }
  .elevator {
    display: none !important;
  }
  @-webkit-keyframes returnToNormal {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(30%, 0, 0);
      transform: translate3d(30%, 0, 0);
      -moz-transform: translate3d(30%, 0, 0);
      -ms-transform: translate3d(30%, 0, 0);
      -o-transform: translate3d(30%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes returnToNormal {
    0% {
      opacity: 0;
      transform: translate3d(30%, 0, 0);
      -webkit-transform: translate3d(30%, 0, 0);
      -moz-transform: translate3d(30%, 0, 0);
      -ms-transform: translate3d(30%, 0, 0);
      -o-transform: translate3d(30%, 0, 0);
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .wrap-header {
    height: 60px;
  }
  .wrap-header .wrap-top {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    padding: 5px 4%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    z-index: 999;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }
  .wrap-header .wrap-top img {
    max-height: 100%;
  }
  .wrap-header .wrap-top a {
    height: 90%;
    box-sizing: border-box;
  }
  /* .wrap-header .wrap-top .wrap-menu .line {
        width: 28px;
        height: 2px;
        background-color: #000;
        display: block;
        margin: 6px 0;
        transition: transform .3s ease-in-out, opacity .3s ease-in-out;
        -webkit-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
        -o-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out, opacity .3s ease-in-out;
      }
    
      .wrap-header .wrap-top .wrap-menu.cur .line:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
        -webkit-transform: translateY(8px) rotate(45deg);
        -ms-transform: translateY(8px) rotate(45deg);
        -o-transform: translateY(8px) rotate(45deg);
        -moz-transform: translateY(8px) rotate(45deg);
      }
    
      .wrap-header .wrap-top .wrap-menu.cur .line:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -moz-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
      }
    
      .wrap-header .wrap-top .wrap-menu.cur .line:nth-child(2) {
        opacity: 0;
      }
    
      .wrap-header .wrap-top .wrap-menu.cur .line {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s;
      } */
  .hamburger {
    padding: 0;
    height: 18px;
    opacity: 1;
    padding: 15px 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
  }
  .hamburger-box {
    position: relative;
    width: 25px;
    height: 18px;
    display: block;
  }
  .hamburger--3dx-r .hamburger-box {
    perspective: 80px;
  }
  .hamburger--3dx-r .hamburger-inner {
    -webkit-transition: -webkit-transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: transform 0.6s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
  }
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
  }
  .hamburger-inner::before,
  .hamburger-inner::after {
    content: "";
    display: block;
  }
  .hamburger-inner::after {
    bottom: -8px;
    left: 0px;
  }
  .hamburger-inner::before {
    top: -8px;
    left: 0px;
  }
  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    width: 26px;
    height: 2px;
    background: #444;
  }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background: #222;
    left: 0;
    -webkit-transition: -webkit-transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
    transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  }
  .hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent !important;
    /* transform: rotateY(-180deg); */
  }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
  }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
  }
  .wrap-header .wrap-nav {
    position: fixed;
    left: 100%;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin-right: 0;
    padding: 80px 4% 60px;
    background-color: #ecf0f4;
    z-index: 99;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: left 0.3s ease-in-out;
    -moz-transition: left 0.3s ease-in-out;
    -ms-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
    overflow-y: scroll;
    text-align: left;
  }
  .wrap-header .wrap-nav.open {
    left: 0;
  }
  .wrap-header .wrap-nav .first {
    position: relative;
  }
  .wrap-header .wrap-nav .first > a {
    display: block;
    width: 100%;
    white-space: normal;
    font-size: 18px;
    line-height: 3;
    border-bottom: 1px solid #dcdddd;
    color: #333;
  }
  .wrap-header .wrap-nav .first > a::before {
    position: absolute;
    right: 0;
    top: 0;
    content: '\e60d';
    font-family: iconfont;
    color: #666;
    transition: all .5s;
  }
  .wrap-header .wrap-nav .first > a.cur::before {
    transform: rotate(90deg);
  }
  .wrap-header .wrap-nav .second {
    display: none;
    padding: 20px;
  }
  .wrap-header .wrap-nav .second a {
    display: block;
    line-height: 2.5;
    font-size: 16px;
  }
  .wrap-header .wrap-nav.open .first {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
  }
  .search-section {
    display: none;
  }
  .banner .sw-next, .banner .sw-prev {
    display: none;
  }
  .marketing {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .marketing .marketing-text {
    width: 33.33%;
    text-align: center;
    height: auto;
    margin-bottom: 10px;
    border: none;
  }
  .marketing .marketing-text .img {
    display: inline-block;
    float: none;
    width: 60px;
    height: 60px;
    margin: 0;
  }
  .marketing .marketing-text .text {
    float: none;
    width: 100%;
  }
  .index-title .title {
    font-size: 26px;
  }
  .index-title .title .lf-line {
    right: calc(100% + 30px);
    top: 14px;
  }
  .index-title .title .rg-line {
    left: calc(100% + 30px);
    top: 14px;
  }
  .index-title .index-tips {
    font-size: 15px;
    line-height: 1.5;
  }
  .index-industry {
    padding: 30px 0 40px;
    text-align: center;
  }
  .index-industry .more {
    display: inline-block;
    position: static;
    margin-top: 20px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #0274bb;
    color: #fff;
  }
  .index-industry .more .icon1 {
    display: none;
  }
  .index-industry .more .icon2 {
    display: inline-block;
  }
  .index-industry .index-title {
    padding-bottom: 15px;
  }
  .index-industry .content {
    margin-top: 30px;
  }
  .index-industry .content .industry-news-item {
    width: 50%;
    margin: 0;
    margin-bottom: 2%;
    padding: 0 1%;
    box-sizing: border-box;
  }
  .index-industry .content .industry-news-item .img {
    min-height: auto;
  }
  .index-industry .content .industry-news-item .text {
    margin-top: 0;
    padding: 8px 0;
    font-size: 16px;
    line-height: 1.5;
    background-color: #0274bb;
    color: #fff;
  }
  .index-industry .content .industry-news-item .text img {
    display: none;
  }
  .index-hot .index-title {
    padding-bottom: 20px;
  }
  .index-hot .hot-content {
    margin-top: 20px;
  }
  .index-hot .hot-container {
    display: block;
  }
  .index-hot .hot-nav {
    width: 100%;
    overflow: hidden;
  }
  .index-hot .hot-nav .it {
    float: left;
    width: 33%;
    height: 40px;
    padding: 15px 0;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
  }
  .index-hot .hot-nav .it p {
    margin-top: 0;
  }
  .index-hot .hot-nav .it .icon {
    display: none;
  }
  .index-hot .hot-nav .it:nth-child(1), .index-hot .hot-nav .it:nth-child(4) {
    border-left: none;
  }
  .index-hot .hot-nav .it:nth-child(n+4) {
    border-bottom: none;
  }
  .index-hot .hot-pd {
    width: 100%;
    padding: 0;
  }
  .index-hot .hot-pd li {
    padding: 0;
  }
  .index-hot .hot-pd .ig-ph {
    height: 120px;
  }
  .index-hot .hot-pd .msg {
    display: block;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
  }
  .index-hot .hot-pd .msg .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .index-hot .hot-pd .sw-prev {
    left: 0;
  }
  .index-hot .hot-pd .sw-next {
    right: 0;
  }
  .index-idea {
    padding: 40px 0 0;
  }
  .index-idea .content {
    margin-top: 30px;
  }
  .index-idea .item-step {
    display: block;
    padding: 0;
    margin-bottom: 20px;
  }
  .index-idea .item-step .img {
    width: 100%;
    height: 180px;
  }
  .index-idea .item-step .img span {
    width: 145px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
  }
  .index-idea .item-step .se-text {
    width: 100%;
    padding: 10px 0 20px;
    line-height: 1.25;
  }
  .index-idea .item-step .se-text h5 {
    font-size: 18px;
  }
  .index-idea .item-step .se-text .num {
    font-size: 30px;
  }
  .index-idea .item-step .se-text .desc {
    font-size: 16px;
  }
  .index-sale {
    padding-top: 80px;
  }
  .index-sale .content {
    margin-top: 20px;
    padding-bottom: 50px;
  }
  .index-sale .one-serv {
    display: block;
    padding: 3% 3% 5%;
    font-size: 16px;
    line-height: 1.5;
  }
  .index-sale .one-serv .zi {
    display: none;
  }
  .index-sale .one-serv .img {
    width: 100%;
  }
  .index-sale .one-serv .service-stop {
    width: 100%;
    padding: 0;
  }
  .index-sale .one-serv .service-stop p {
    margin: 10px 0;
  }
  .index-sale .one-serv .icon-item {
    margin-right: 10px;
  }
  .index-sale .one-serv .icon-item p {
    margin: 0;
  }
  .index-customer {
    padding: 40px 0;
  }
  .index-customer .company-set {
    margin-top: 20px;
  }
  .index-customer .company-set .item {
    font-size: 14px;
  }
  .index-customer .company-set .item .counter {
    display: block;
    font-size: 28px;
    height: 45px;
  }
  .index-customer .tik {
    margin-top: 20px;
    font-size: 16px;
  }
  .index-customer .client-case {
    display: block;
    margin-top: 40px;
  }
  .index-customer .client-case .Cooperative-client {
    width: 100%;
  }
  .index-customer .client-case .tit {
    font-size: 24px;
  }
  .index-customer .client-case .go-more {
    font-size: 16px;
  }
  .index-customer .client-case .CASE {
    width: 100%;
    margin-top: 40px;
  }
  .index-customer .client-logo {
    margin-top: 15px;
  }
  .index-customer .client-logo-swiper .brand-img {
    height: 80px;
    padding: 5px;
  }
  .index-customer .CASE-News {
    margin-top: 10px;
  }
  .index-customer .CASE-News .index-news-item {
    width: calc(50% - 6px);
    margin: 0 3px 6px;
  }
  .index-customer .CASE-News .index-news-item .ig {
    height: 150px;
  }
  .index-customer .CASE-News .index-news-item .info {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .index-customer .CASE-News .hidden .com-name {
    font-size: 18px;
  }
  .index-customer .CASE-News .hidden .des {
    margin-top: 15px;
    font-size: 14px;
  }
  .index-process {
    padding: 30px 0;
  }
  .index-process .process-ph {
    margin-top: 20px;
  }
  .cust {
    padding: 40px 0;
    line-height: 1.5;
    box-sizing: border-box;
  }
  .cust_c dl {
    width: 50%;
    height: auto;
    margin: 0 !important;
  }
  .cust_c dl dt {
    width: 50%;
    height: auto;
  }
  .cust_c dl dt img {
    width: 100%;
    height: auto;
  }
  .cust_c dl:nth-child(1) dt, .cust_c dl:nth-child(2) dt {
    padding-top: 30px;
  }
  .cust_c dl:nth-child(3) dt, .cust_c dl:nth-child(4) dt {
    padding-bottom: 30px;
  }
  .cust_c dd {
    width: 50%;
    padding: 0 5% 5% !important;
    box-sizing: border-box;
  }
  .cust_c dd p {
    display: none;
  }
  .cust_c dd h4 em {
    font-size: 30px;
  }
  .cust_c dd h4 {
    height: auto;
    font-size: 14px;
    line-height: 1.5;
  }
  .index-course {
    padding: 40px 0;
  }
  .index-course .course-list {
    padding-top: 40px;
  }
  .index-course .course-list li {
    display: inline-block;
    position: static;
    width: 50%;
    text-align: center;
  }
  .index-course .course-list .flex {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
  }
  .index-course .course-list .txt {
    padding: 15px 0 0;
    height: 110px;
    white-space: normal;
    transform: none;
    text-align: left;
    font-size: 14px;
  }
  .index-course .course-list .txt::before {
    display: none;
    top: -20px;
  }
  .index-course .course-list .txt::after {
    display: none;
    top: -12px;
    height: 150px;
  }
  .index-course .course-list .year {
    transform: none !important;
    font-size: 16px;
  }
  .index-news {
    padding: 40px 0;
  }
  .index-news .content {
    display: block;
    margin-top: 40px;
  }
  .index-news .content > div {
    width: 100%;
    padding: 0;
  }
  .index-news .heading {
    justify-content: space-between;
  }
  .index-news .heading span {
    font-size: 20px;
  }
  .index-news .heading .c-line {
    display: none;
  }
  .index-news .company-news .news-images {
    height: 180px;
  }
  .index-news .industry-information {
    margin: 20px 0 0;
  }
  .index-news .a-list .img {
    width: 30%;
  }
  .index-news .a-list .in-text {
    width: 70%;
  }
  .index-news .a-list .in-title {
    font-size: 16px;
  }
  .index-news .a-list .desc {
    margin-top: 10px;
    font-size: 14px;
  }
  .index-news-list .date {
    width: 50px;
    height: 100px;
    line-height: 50px;
  }
  .index-news-list .date .en {
    height: 50px;
    font-size: 16px;
  }
  .index-news-list .date .ch {
    height: 50px;
    font-size: 26px;
  }
  .index-news-list .info .tit {
    width: 100%;
    font-size: 16px;
  }
  .index-news-list .info .icon-more {
    display: none;
  }
  .index-navigation {
    padding: 0 0 40px;
  }
  .index-navigation .title-name {
    font-size: 24px;
  }
  .index-navigation .title-en {
    font-size: 14px;
  }
  .index-navigation .na-content {
    margin: 0;
  }
  .index-navigation .item {
    padding: 10px 0;
    font-size: 16px;
  }
  .index-navigation .item .tit {
    position: static;
    font-size: 18px;
  }
  .index-navigation .item li {
    margin-right: 15px;
  }
  .index-link .friends-link {
    padding: 0;
  }
  .index-link .friends-link .ss {
    position: static;
  }
  .index-link .friends-link li {
    margin-right: 20px;
  }
  .index-link ul {
    margin-top: 10px;
  }
  .footer .website-link {
    padding: 30px 0 20px;
  }
  .footer .website-link .dd-title {
    font-size: 20px;
  }
  .footer .website-link .dd {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer .website-link .dd:nth-child(-n + 4) {
    display: none;
  }
  .footer .website-link .dd-link {
    overflow: hidden;
  }
  .footer .website-link a {
    float: left;
    margin-right: 20px;
    padding: 2px 0;
  }
  .footer .website-bottom {
    padding: 15px 0;
    line-height: 1.5;
  }
  #about, #culture, #honor, #partners, #area, #team, #news, #case, #video, #guide, #product, #contact {
    padding-top: 0;
  }
  .enter {
    border-bottom: 1px solid #dcdddd;
  }
  .enter .container {
    padding: 0;
    overflow-x: scroll;
    white-space: nowrap;
    font-size: 0;
  }
  .enter .enter-nav {
    float: none;
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
  }
  .enter .enter-nav.active, .enter .enter-nav:hover {
    background-color: #0274bb;
    color: #fff;
  }
  .enter .enter-nav.active::before, .enter .enter-nav:hover::before {
    left: 8px;
    border-color: #fff;
  }
  .common-title {
    margin-top: 40px;
    padding: 0;
    box-sizing: border-box;
  }
  .common-title .flex {
    display: block;
  }
  .common-title .place {
    display: none;
  }
  .common-title .title h4 {
    font-size: 24px;
  }
  .about-introduce {
    padding: 20px 0;
  }
  .about-introduce .flex {
    display: block;
  }
  .about-introduce .left {
    width: 100%;
    padding-top: 0;
  }
  .about-introduce .left .red {
    font-size: 22px;
    line-height: 1.5;
  }
  .about-introduce .left p {
    margin-top: 10px;
    font-size: 24px;
  }
  .about-introduce .left .txt {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.75;
  }
  .about-introduce .container {
    padding: 0 3%;
    box-sizing: border-box;
  }
  .about-introduce .right {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .about-introduce .right .img {
    position: static;
  }
  .about-introduce .right .img img {
    width: 100%;
  }
  .about-team {
    padding: 30px 0;
  }
  .about-team .text {
    margin-top: 20px;
    font-size: 16px;
  }
  .single-title .title {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.5;
  }
  .about-application, .about-pass {
    padding: 20px 0;
  }
  .about-application .flex, .about-pass .flex {
    display: block;
  }
  .about-application .left, .about-pass .left {
    width: 100%;
  }
  .about-application .right, .about-pass .right {
    width: 100%;
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
  }
  .about-application .right .text, .about-pass .right .text {
    margin-top: 20px;
    font-size: 16px;
  }
  .about-brand {
    padding: 40px 0;
  }
  .about-brand h4 {
    margin-top: 20px;
    font-size: 20px;
  }
  .about-brand h4::after {
    margin-left: -9px;
  }
  .about-brand .text {
    margin-top: 20px;
    font-size: 16px;
    text-align: left;
  }
  .culture-pass {
    padding-bottom: 40px;
  }
  .culture-pass .bt {
    display: block;
  }
  .culture-pass .bt > div {
    width: 100%;
    padding: 20px 0;
  }
  .culture-pass .bt .message {
    padding: 0;
    font-size: 16px;
  }
  .culture-pass .bt h5 {
    margin: 10px 0;
    font-size: 22px;
  }
  #process {
    padding: 0;
  }
  #process .content {
    margin-top: 30px;
  }
  #process .content .left {
    width: 100%;
  }
  #process .content .right {
    width: 100%;
  }
  #process .pro-item {
    padding-left: 105px;
    padding-bottom: 40px;
  }
  #process .pro-item .year {
    font-size: 24px;
  }
  #process .pro-item::before {
    left: 80px;
  }
  .honor-box {
    margin-top: 20px;
  }
  .honor-box .honor-item {
    width: calc(50% - 10px);
    margin: 5px !important;
    height: auto;
  }
  .honor-box .honor-item .img {
    height: 200px;
    line-height: 200px;
    border: 1px solid #dcdddd;
  }
  .honor-box .honor-item .img img {
    max-height: 100%;
  }
  .honor-box .honor-item .name {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  .paging {
    margin-top: 30px;
  }
  .paging a, .paging .num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    font-size: 15px;
  }
  #partners .partners-list {
    margin-top: 20px;
  }
  #partners .partners-list li {
    width: 50%;
    height: 120px;
    line-height: 120px;
  }
  #area .area-box {
    padding: 40px 0;
  }
  #area .area-box .title {
    font-size: 16px;
    text-align: left;
  }
  #area .area-box .content {
    margin-top: 20px;
  }
  #area .area-box .content li {
    width: calc(50% - 15px);
  }
  #area .area-box .content li p {
    font-size: 18px;
  }
  #area .area-box .content .img {
    width: 100%;
    height: auto;
  }
  #area .area-box .content .san-blank1, #area .area-box .content .san-blank2 {
    display: none;
  }
  .product-part {
    margin-top: 20px;
  }
  .product-part .pd-left {
    display: block;
    width: 100%;
    border-radius: 0;
  }
  .product-part .pd-left .ls-sort {
    display: none;
  }
  .product-part .pd-left .tp {
    display: none;
    font-size: 18px;
  }
  .product-part .pd-left .title {
    position: relative;
    padding: 8px 10px;
    background-color: #004ab3;
    line-height: 1.5;
    overflow: hidden;
  }
  .product-part .pd-left .title .en {
    display: none;
  }
  .product-part .pd-left .title::after {
    position: absolute;
    right: 10px;
    top: 2px;
    content: '\e64d';
    font-family: iconfont;
    color: #fff;
    font-size: 26px;
  }
  .product-part .pd-left .title .open-sort {
    font-size: 18px;
    color: #fff;
    text-align: center;
  }
  .product-part .pd-right {
    width: 100%;
  }
  .product-part .pd-right .common-title {
    margin: 20px auto 0;
    width: 94%;
    box-sizing: border-box;
    display: none;
  }
  .product-part .pd-right .ls-link {
    margin-top: 15px;
  }
  .product-part .pd-right .ls-link .lf {
    padding: 0;
    line-height: 2;
  }
  .product-part .pd-right .ls-link a {
    margin: 0;
  }
  .product-part .pd-right .pd-detail-img {
    height: auto;
    line-height: 1;
  }
  .product-part .case-list-section {
    padding: 0;
    margin-top: 30px;
  }
  .product-part .case-list-section .li-item {
    width: calc(50% - 10px);
    margin: 5px;
  }
  .product-part .case-list-section .li-item .text {
    padding: 10px 5px;
    font-size: 14px;
    height: auto;
    line-height: 1.5;
  }
  .product-part .case-list-section .li-item .mask-text {
    display: none;
  }
  #product .product-part .container {
    width: 100%;
    padding: 0;
  }
  #detail {
    padding: 40px 0;
  }
  #detail .pd-right {
    width: 100% !important;
  }
  .detail-advantage {
    padding: 30px 0;
  }
  .detail-advantage .detail-advatage-content {
    margin-top: 30px;
  }
  .detail-advantage .detail-advatage-content .item {
    display: block;
  }
  .detail-advantage .detail-advatage-content .item > div {
    width: 100%;
  }
  .detail-advantage .detail-advatage-content .item .message {
    padding: 20px 10px;
  }
  .detail-advantage .detail-advatage-content .item .small-title {
    font-size: 22px;
  }
  .detail-partners ol {
    margin-top: 20px;
  }
  .detail-partners ol li {
    width: calc(50% - 10px);
    margin: 5px;
    height: 125px;
  }
  .detail-bottom {
    font-size: 14px;
  }
  .detail-bottom > div {
    width: 100%;
  }
  .detail-bottom .back-to {
    position: static;
    display: block;
    margin-top: 20px;
    width: 110px;
    line-height: 35px;
    height: 35px;
  }
  .detail-recommend .tit {
    font-size: 22px;
  }
  .detail-recommend .cont .slide-item {
    font-size: 14px;
  }
  .detail-recommend .cont .recommend-swiper {
    padding-bottom: 50px;
  }
  #case {
    padding-bottom: 40px;
  }
  #case .line-sort {
    margin-top: 20px;
    font-size: 20px;
  }
  #case .sort-all {
    margin-top: 20px;
    font-size: 0;
    display: block;
  }
  #case .sort-all .list {
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin: 5px;
  }
  #case .case-list-section {
    margin-top: 20px;
  }
  #case .case-list-section .li-item {
    width: calc(50% - 10px);
    margin: 5px;
  }
  #case .case-list-section .li-item .img {
    position: relative;
    height: 120px;
    line-height: 120px;
  }
  #case .case-list-section .li-item .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  #case .case-list-section .li-item .text {
    height: auto;
    padding: 5px 10px;
    font-size: 14px;
  }
  #case .paging {
    margin-top: 40px;
  }
  .news-detail .recommended-news {
    display: none;
  }
  .news-detail .news-content {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
  }
  .news-detail .news-content .detail-title {
    font-size: 22px;
  }
  .news-detail .news-content .sec {
    margin-top: 10px;
  }
  .news-detail .news-content .text {
    margin-top: 30px;
  }
  #detail .content .ob .title {
    padding-left: 40px;
  }
  #detail .content .ob .title span {
    padding: 6px 20px;
    font-size: 18px;
  }
  .Labeling {
    padding: 40px 0;
  }
  .Labeling li {
    width: calc(50% - 10px);
    margin: 5px;
  }
  .Labeling li .img {
    height: 120px;
    line-height: 120px;
  }
  #process .ser-item {
    padding-left: 30px;
  }
  #process .ser-item::before {
    left: 0;
  }
  #process .process-yr::before {
    left: 86px;
  }
  #process .service-list::before {
    left: 6px;
  }
  #process .pro-item .tit {
    font-size: 16px;
  }
  #process .pro-item .desc {
    font-size: 15px;
  }
  .news .item {
    padding: 15px 0;
  }
  .news .item .img {
    width: 30%;
  }
  .news .item .info {
    width: 70%;
    padding-left: 4%;
  }
  .news .item .info .title {
    font-size: 16px;
  }
  .news .item .info .desc {
    margin-top: 10px;
    font-size: 13px;
  }
  .news .item .info .time {
    margin-top: 15px;
    font-size: 12px;
  }
  #news {
    padding-bottom: 50px;
  }
  #news .paging {
    margin-top: 40px;
  }
  #contact .contact-section {
    margin-top: 30px;
  }
  #contact .contact-section .company-message {
    width: 100%;
  }
  #contact .contact-section .com-name {
    font-size: 22px;
  }
  #contact .contact-section .weixin {
    margin-top: 60px;
  }
  #contact .contact-section .weixin .we {
    margin-right: 20px;
  }
  #contact .contact-section .leaving {
    width: 100%;
    padding: 30px 0;
  }
  #contact .contact-section .leaving .input-item {
    width: 100%;
  }
  #contact .contact-section .leaving .check input {
    width: 120px;
  }
  #contact #map {
    height: 400px;
  }
  #sitemap .site {
    margin-top: 30px;
  }
  #sitemap .sitemap {
    padding: 10px;
  }
  #sitemap li {
    width: 100%;
  }
  .about_p > a {
    display: none;
  }
  .about_c {
    position: static;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 3%;
    box-sizing: border-box;
  }
  .til01 {
    font-size: 24px;
    line-height: 1.5;
  }
  .til01 span {
    font-size: 14px;
    line-height: 1.5;
    opacity: 1;
  }
  .aboutbox .til01 {
    padding: 0;
  }
  .aboutbox .til01::before {
    display: none;
  }
  .about_wc {
    display: block;
    height: auto;
    margin-top: 20px;
  }
  .about_l {
    display: none;
  }
  .index-link {
    display: none;
  }
  .one-title h5 {
    font-size: 24px;
  }
  .one-title .tips {
    font-size: 14px;
  }
  #contact .leaving .checking {
    display: flex;
  }
  #contact .leaving .checking .img img {
    height: 100%;
  }
  .my-tilte {
    margin: 20px 0;
  }
  .my-tilte h4 {
    font-size: 22px;
    color: #0274bb;
  }
  .my-tilte .desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  html {
    font-size: 8.533px;
  }
}

@media screen and (max-width: 768px) and (min-width: 360px) {
  html {
    font-size: 9.6px;
  }
}

@media screen and (max-width: 768px) and (min-width: 375px) {
  html {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) and (min-width: 393px) {
  html {
    font-size: 10.48px;
  }
}

@media screen and (max-width: 768px) and (min-width: 400px) {
  html {
    font-size: 10.664px;
  }
}

@media screen and (max-width: 768px) and (min-width: 414px) {
  html {
    font-size: 11.04px;
  }
}

@media screen and (max-width: 768px) and (min-width: 440px) {
  html {
    font-size: 11.73px;
  }
}

@media screen and (max-width: 768px) and (min-width: 480px) {
  html {
    font-size: 12.796px;
  }
}

@media screen and (max-width: 768px) and (min-width: 520px) {
  html {
    font-size: 13.863px;
  }
}

@media screen and (max-width: 768px) and (min-width: 560px) {
  html {
    font-size: 14.93px;
  }
}

@media screen and (max-width: 768px) and (min-width: 600px) {
  html {
    font-size: 15.996px;
  }
}

@media screen and (max-width: 768px) and (min-width: 640px) {
  html {
    font-size: 17.06px;
  }
}

@media screen and (max-width: 768px) and (min-width: 680px) {
  html {
    font-size: 18.1288px;
  }
}

@media screen and (max-width: 768px) and (min-width: 700px) {
  html {
    font-size: 18.66px;
  }
}

@media screen and (max-width: 768px) and (min-width: 720px) {
  html {
    font-size: 19.1952px;
  }
}

@media screen and (max-width: 768px) and (min-width: 750px) {
  html {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .fnav {
    position: fixed;
    bottom: 0;
    min-width: 320px;
    max-width: 750px;
    width: 100%;
    height: 4.9rem;
    background: #013697;
    z-index: 12;
    line-height: 4.9rem;
    text-align: center;
  }
  .fnav li {
    width: 25%;
    float: left;
    height: 4.9rem;
    position: relative;
    text-align: left;
    font-size: 1.3rem;
  }
  .fnav li em {
    display: block;
    width: 1.4rem;
    margin: 1.8rem 0.4rem 0 0.7rem;
    float: left;
  }
  .fnav li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 4.9rem;
    background: #002b79;
  }
  .fnav li em img {
    display: block;
    width: 100%;
  }
  .fnav li a {
    display: block;
    color: #fff;
  }
  .fnav li:nth-child(1) {
    background: #fb7102;
  }
  .fnav li:nth-child(1):before, .fnav li:last-child:before {
    border: 0;
    width: 0;
    height: 0;
  }
  body {
    padding-bottom: 4.9rem;
  }
}